<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>数据绑定</title>
    <script type="text/javascript" src="../../js/vue.js"></script>
</head>
<body>
    <div id="root">
       <!-- 单向数据绑定：<input type="text" v-bind:value="name"><br>
       双向数据绑定：<input type="text" v-model:value="name"><br> -->
       <!-- 简写 -->
       单向数据绑定：<input type="text" :value="name"><br>
       双向数据绑定：<input type="text" v-model="name"><br>
    </div>
 
    <script type="text/javascript">
        Vue.config.productionTip = false; 

        // 创建vue实例
        new Vue({  
            el:'#root',
            data:{  // data 存储数据
                name:'vue',
                url:'http://www.baidu.com',
                hello:'你好',
                school:{
                    name:"haha"
                }
            }
        })
    </script>
</body>
</html>